(function callee(){
	var oFormLinks = [{ID:"houseLeaseLink", href:"#", text: "Lease a House"},
					{ID:"appartmentLeaseLink", href:"#", text: "Lease an Appartment"},
					{ID:"monthToMonthLink", href:"#", text: "Month to Month Rent"},
					{ID:"parkingLeaseLink", href:"#", text: "Lease a Parking Spot"}];
	var oFaqLinks = [{ID:"faqCustomFieldLink", href:"#", text: "How to create custom fields?"},
					{ID:"faqWhyRegisterLink", href:"#", text: "Why should I register?"},
					{ID:"faqPrivacyLink", href:"#", text: "How private is my data?"}];
					
    view.SideBar = Ext.extend(Object, {
        constructor: function(){
            var oForms = new Ext.Panel({
                title: "Forms",
				collapsible: true,
				height: 150,
				applyTo: "side-forms",
            	data: oFormLinks,
				tpl: new Ext.XTemplate(['<ul><tpl for="."><li><a href="{href}" id="{ID}">{text}</a></li></tpl></ul>']),
			    listeners:{
			       render:{
			         fn: function(el){
			           this.tpl.overwrite(this.body,this.data);
			         }
			       }
			     }
            });
			
			var oFaq = new Ext.Panel({
                title: "FAQ",
				collapsible: true,
				height: 150,
				applyTo: "side-faq",
            	data: oFaqLinks,
				tpl: new Ext.XTemplate(['<ul><tpl for="."><li><a href="{href}" id="{ID}">{text}</a></li></tpl></ul>']),
			    listeners:{
			       render:{
			         fn: function(el){
			           this.tpl.overwrite(this.body,this.data);
			         }
			       }
			     }
            });
        }
    });
    
    
})();


